<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
<link type="text/css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
<link type="text/css" th:href="@{/css/userIndex.css}" rel="stylesheet">
<link type="text/css" th:href="@{/css/meal.css}" rel="stylesheet">
<link type="text/css" th:href="@{/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
<script type="text/javascript" th:src="@{/js/bootstrap.min.js}"></script>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>送餐员页面</title>
</head>
<body>

<!--头部-->
<nav th:replace="publicPage/userIndex_bar::headerBar"></nav>

<!--送餐列表-->
<div class="container" style="min-height: 127px;margin-top:60px;" id="listContainer">
    <div class="row">
            <div class="row">
                <div class="col-md-12"><h2>未送餐订单</h2></div>
            </div><br><br>
            <div class="row">
                <div class="col-md-10 col-md-offset-2" id="orderTableDiv">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <th>订单号</th>
                            <th>总价</th>
                            <th>支付方式</th>
                            <th>订单状态</th>
                            <th>应接单时间</th>
                            <th>接单</th>
                        </tr>
                        </thead>
                        <tbody id="orderTbody">

                        </tbody>
                    </table>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 text-center" id="order_setPage"></div>

            </div>
        </div>
    </div>


<!--送餐单-->
<div class="container" style="min-height: 127px;margin-top:60px;" id="contentContainer">
    <div class="row">
        <div class="row">
            <div class="col-md-12"><h2>送餐订单</h2></div>
        </div><br>

        <div class="row">
            <div class="col-md-12">
                <h4>订单信息</h4><hr>
            </div>
        </div>
        <div class="row">
            <div class="col-md-5 col-md-offset-1">
                订单编号：<span id="orderDetailId"></span>
            </div>
            <div class="col-md-5">
                订单地址：<span id="orderDetailPlace"></span>
            </div><br>
            <div class="col-md-5 col-md-offset-1">
                订单人：<span id="orderDetailPeople"></span>
            </div>
            <div class="col-md-5">
                订单人联系电话：<span id="orderDetailPeoplePhone"></span>
            </div><br>
            <div class="col-md-5 col-md-offset-1">
                订单状态：<span id="orderDetailOrderStatus"></span>
            </div>
            <div class="col-md-5">
                配送状态：<span id="orderDetailMealStatus"></span>
            </div><br>
            <div class="col-md-5 col-md-offset-1">
                下单时间：<span id="orderTime"></span>
            </div>
            <div class="col-md-5" id="acceptTimeDiv">
                预计送达时间：<span id="acceptTime"></span>
            </div><br>
            <div class="col-md-5 col-md-offset-1" id="sendTimeDiv">
                送达时间：<span id="sendTime"></span>
            </div><br>
        </div><br>

        <div class="row">
            <div class="col-md-12">
                <h4>订单菜单列表</h4><hr>
            </div>
        </div><br>
        <div class="row">
            <div class="col-md-11 col-md-offset-1" id="orderDetailTableDiv">
                <table class="table table-bordered">
                    <thead>
                    <tr>
                        <th>菜品名</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>金额</th>
                    </tr>
                    </thead>
                    <tbody id="orderDetailTbody">
                    </tbody>
                </table>
            </div>
        </div>

        <div class="row">
            <div class="col-md-2 text-right" id="payMethod" style="margin-top:10px">
                支付方式：<span id="payDetailMethod"></span>
            </div>
            <div class="col-md-10 text-right" id="order_sumPrice">
                总价：<span style="font-size: 22px;font-weight: bolder;color:#E5534E;" id="totalMoney"></span>
            </div>
        </div><br><br>

        <div class="row">
            <div class="col-md-12 text-center" id="sendDetailButton">

            </div>
        </div>

    </div>
</div>



<!--尾部-->
<footer th:replace="publicPage/userIndex_bar::footerBar"></footer>
<script type="text/javascript" th:src="@{/js/userPublicBar.js}"></script>
<script type="text/javascript" th:src="@{/js/meal.js}"></script>
<script type="text/javascript" th:src="@{/layer/layer.js}"></script>
</body>
</html>